/* Empty. Add your own CSS if you like */
/* body{ 
	margin:0px;
	background-color: #F5F5F5; 
	font-family:"微软雅黑","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; 
	font-size: 100%;
} */

/*重写ionic默认css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, fieldset,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video , button {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font: inherit;
  font-size: 12px; 
  font-family:"微软雅黑","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;
 }
 
 
 /**重写 tab icon样式***/
.tab-item .icon {
    display: block;
    /**如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。***/
    margin: 3px auto;
    height: 25px;
    font-size: 20px;
}
 
 
/*重写ion-content背景*/
.scroll-content{
	background-color: #F5F5F5; 
} 
/*重写icon图标大小*/
.icon{
	font-size: 15px;
}
.item{
	font-size: 12px;
}
/*重写item列表icon图标大小*/
.item-icon-left .icon, .item-icon-right .icon{
	font-size: 15px;
	color: #288AF7;
}
.item-icon-left.item-icon-right .icon:first-child {
	font-size: 15px;
	color: #288AF7;
}
.item-icon-right .icon{
	font-size: 15px;
	color: #CCC;
}

.ion-record{
	font-size: 12px;
}

/*图片带按钮样式(广告)*/
.box {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.box .clear {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    /*border: 1px solid #999;
    text-align: center;
    margin-top: 85px; */
}

/*输入框样式*/
input[type="text"], input[type="number"], input[type="checkbox"]{
	font-size: 12px;
}
.item-input input{
	padding-right: 5px;
}

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.3);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}

.wxCode{
	border:1px solid #333333;
	background: #f6f6f6;
	margin:0 auto;
	position: absolute;
	left:50%;
	margin-left:-120px;
	width:240px;
	z-index:10001;
	padding: 5px;
}
.wxCode h3{
	padding: 0;
	margin:0;
	display:black;
	float:left;
	height:30px;
}
.wxCode a{	
	display:black;
	float:right;
	width:20px;
	height:20px;
	background-image:url(../images/guanbi1.png);
	background-repeat:no-repeat;
	background-size:100% auto;	
}
.wxCode .code{
	clear: both;
}

/*背景颜色*/
.bg_color{
	background-color: #F5F5F5;
}
.bg_color_ED4{
	background-color: #ED4542;
}
.bg_color_13C{
	background-color: #13CAF6;
}
.bg_color_58D{
	background-color: #58D172;
}
.bg_color_EFD{
	background-color: #EFD94F;
}

/*鼠标点击样式*/
.hand_type{
    cursor:pointer;
}

/*字体颜色*/
.color_288{
	color: #288AF7;
}
.color_B3B{
	color: #B3B3B3;
}
.color_ED4{
	color: #ED4542;
}
.color_13C{
	color: #13CAF6;
}
.color_58D{
	color: #58D172;
}
.color_EFD{
	color: #EFD94F;
}
/*字体大小*/
.font_14{
	font-size: 14px;
}
.font_15{
	font-size: 15px;
}
.font_17{
	font-size: 17px;
}
/*输入框、label*/
.c_label{
	font-size: 12px;
	color: #4D4D4D;
	width: 70px;
}
/* .c_input{
	font-size: 12px;
	color: #4D4D4D;
	padding-right: 0px;
} */
.c_unit{
	font-size: 12px;
	color: #4D4D4D;
	width:40px;
	float: right;
	text-align: right;
	/* padding-right: 20px; */
	margin-right: 10px;
}

/*间隔begin*/
/*上下间隔10 tb:top bottom*/
.margin_tb_10{
	margin-top: 10px;
	margin-bottom: 10px;
}
.margin_tb_105{
	margin-top: 10px;
	margin-bottom: 5px;
}
.margin_lr_10 {
	margin-right: 10px; 
	margin-left: 10px;
}
.margin_l_10{
	margin-left: 10px;
}
.margin_r_10{
	margin-right: 10px;
}
/*负间隔10*/
.top_margin_t10{
	margin-top: -10px;
}
.margin_t_5{
	margin-top:5px;
}
/*间隔end*/

/*倒计时begin*/
.daojishi{
	width:60%; 
	float:right;
	text-align: right;
	font-size: 10px;
	color: #B3B3B3;
}

.daojishi span{    
	border-radius: 3px;    
	background-color: #CC000B;    
	color: #fff;    
	padding: 1px 4px;    
	margin: 0px 2px;
}

.daojishi p span{    
	border-radius: 3px;    
	background-color: #CC000B;    
	color: #fff;    
	padding: 1px 4px;    
	margin: 0px 2px;
}

.yuandian{
	background-color: #CC0009;
	height: 5px;
	width: 5px;
	border-radius:50%;
	float: right;
}
/*倒计时end*/

/*报价begin*/
.btn_cont_r{
	/* width: 70px;  */
	height: 23px;
	float: left; 
	text-align: center; 
	border: 1px solid #288AF7;    
	border-radius: 3px;
	color: #288AF7;
	line-height: 15px;
	font-size: 12px;
	background-color: #fff;
	float: right;
	padding-left: 5px;
	padding-right: 5px;
}
.btn_cont_active{
	font-size: 12px;
	color: #fff;
	background-color: #288AF7;
}
/* .btn_cont span{
	margin-left: 3px;
	margin-right: 3px;
	font-size: 15px;
	font-weight: bold;
} */

/*左侧报价   width: 35%;*/
.baojia{
	width: 32%; 
	float: left; 
	text-align: center; 
	border: 1px solid #ddd;    
	border-radius: 23px;
	font-size: 10px;
	color: #B3B3B3;
	line-height: 15px;
}
.baojia span{
	margin-left: 3px;
	margin-right: 3px;
	color: #CC000B;
	font-size: 15px;
	font-weight: bold;
}
.baojia .left0{
	margin-left: 0px;
}
.baojia .right0{
	margin-right: 0px;
}
/*右侧报价*/
.baojia_right{
	width: 25%; 
	float: right; 
	text-align: center; 
	border: 1px solid #ddd;    
	border-radius: 23px;
	font-size: 10px;
	color: #B3B3B3;
	line-height: 15px;
}
.baojia_right span{
	margin-left: 3px;
	margin-right: 3px;
	color: #CC000B;
	font-size: 15px;
	font-weight: bold;
}
.baojia_right .left0{
	margin-left: 0px;
}
.baojia_right .right0{
	margin-right: 0px;
}
/*报价end*/

/*列表标题begin*/
/*一级标题*/
.list_title{
	color: #4D4D4D;
	font-size: 15px;
}
.list_title span{
	font-size: 15px;
}
/*二级标题*/
.list_title_sec{
	color: #B3B3B3;
	font-size: 12px;
}
/*三级标题*/
.list_title_third{
	color: #4D4D4D;
	font-size: 14px;
}
/*单独一行大标题*/
.list_title_big{
	color: #4D4D4D;
	font-size: 15px;
	line-height:40px;
	margin-left: 10px;
	float: left;
}
/*商圈标签*/
.shangquan_tag{     
	float: left;
    margin-right: 10px;
    color: #fff;
    background-color: #288AF7;
    padding: 1px 5px;
    border-radius: 2px;
    font-size: 12px;
}
/*指标行*/
.zhibiao{ 
	color:#4D4D4D; 
	float:left; 
	width:100%;
	line-height:20px;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*指标行*/
.zhibiao span{ 
	padding-right : 5px;
}

/*左侧价格*/
.list_jiage{
	float: left; 
	color: #CC000B;
	font-size: 12px;
}
.list_jiage span{
	font-size: 17px;
	margin-right: 3px;
}
.list_jiage .left5{
	margin-left: 3px;
}
/*右侧价格*/
.list_jiage_right{ 
	float: right; 
	color: #CC000B;
	font-size: 12px;
}
.list_jiage_right span{ 
	font-size: 15px;
	margin-right: 3px;
}
.list_jiage_right .left5{
	margin-left: 3px;
}
.list_jiage2{
	font-size: 12px;
	color: #B3B3B3;
	display: block;
}
.list_jiage2 span{
	color: #CC000B;
	margin-right: 3px;
}
/*收藏按钮*/
.shoucang {
	float: right;
	font-size: 15px;
}
/*发售方信息*/
.fashoufang{
	color:#B3B3B3; 
	font-size: 10px;
}
/*公司*/
.list_gongsi{
	color:#B3B3B3;
	font-size: 10px;
}
/*日期*/
.list_riqi{
	float: right;
	color:#B3B3B3;
	font-size: 10px;
}
/*左边内容*/
/*含图标左侧布局*/
.list_cont_icon_left{
	font-size: 12px;
	color: #B3B3B3;
	margin-left: -15px;
}
.list_cont_icon_left .cont_1{
	font-size: 12px;
	margin-right: 10px;
	color: #4D4D4D;
}
.list_cont_icon_left .cont_1 span{
	display: block;
}
.list_cont_icon_left .cont_2{
	font-size: 9px;
}
.list_cont_icon_left .cont_3{
	font-size: 12px;
	margin-right: 10px;
	color: #4D4D4D;
}
/*不含图标左右两侧布局*/
.list_cont{
	font-size: 12px;
	color: #B3B3B3;
}
.list_cont .cont_l{
	font-size: 12px;
	float: left;
}
.list_cont .cont_1{
	margin-right: 5px;
	color: #4D4D4D;
	font-size: 14px;
}
.list_cont .cont_2{
	font-size: 10px;
}
.list_cont .cont_l span{
	display: block;
}
.list_cont .cont_r{
	font-size: 9px;
	float: right;
}
.list_cont .cont_r span{
	display: block;
}
/*不含图标左侧两项布局*/
.list_cont_left{
	font-size: 12px;
	color: #B3B3B3;
	margin-left: 5px;
}
.list_cont_left .cont_1{
	font-size: 14px;
	margin-right: 10px;
}
.list_cont_left .cont_1 span{
	display: block;
}
.list_cont_left .cont_2{
	font-size: 9px;
}

/*列表标题end*/
/*新闻*/
.news_img{
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
.news_line{
	height:37px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 5px;
	border-left:solid 1px #F2F2F2;
}
.news_content{
	font-size: 9px;
	color: #B3B3B3;
	margin-top: 2px;
}
.news_content span{
	color: #4D4D4D;
	font-weight: bold;
}
.news_content p{
	text-indent: 20px;
	color:#666666;
}
.news_content img{
	width: 98%;
	color:#666666;
}
/*垂直分隔线*/
.left_line{
	height: 12px;
	margin-top: 10px;
	border-left:solid 1px #F2F2F2;
}
/*水平分隔线*/
.top_line {
    width:100%;
    height:1px;
    border-top:solid 1px #F2F2F2;
}
/*90%宽度分隔线*/
.top_line_90 {
	background-color: #fff;
    width:100%;
    height:2px;
    border-style: none;
}
.top_line_90 div{
	height:1px;
	width: 90%;
	margin-left: 5%;
	border-top:solid 2px #F2F2F2;
}
.no_top_line{
	border-top: 0px;	
}
.no_border{
	border-style: none;
}
.no_border_lr{
	border-left: 0px;
	border-right: 0px;
}
.border{
	border:solid 1px #F2F2F2;
}
.bd_color{
	border-color: #F2F2F2;
}
/*首页按钮*/
.model{
	cursor:pointer;
	text-align:center;
}
/*按钮*/
.btn{
	cursor:pointer;
	text-align:center;
}
.btn span{
	font-size: 12px;
	display: block;
	margin-top: 5px;
	color: #000;
}
/*更多导航栏*/
.more_data{
	margin-top: -10px;
	font-size: 10px;
}
.more_data .c_icon{
	float: left;
	margin-right:5px;
	font-size: 15px;
}

.more_data .c_title{
	font-size: 12px;
	color: #4D4D4D;
	float: left;
}
.more_data .c_more{
	font-size: 10px;
	color: #288AF7;
	float: right;
}

.bow_icon{
    margin: 0 auto;
	border-radius: 100px;
    box-shadow: 0px 1px 1px rgba(226,226,226,0.5);
    display: block;
    text-align: center;
}

.bow_icon_45{
	height:45px;
    width:45px;
    padding: 8px;
    margin: 0 auto;
	border-radius: 100px;
    box-shadow: 0px 1px 1px rgba(226,226,226,0.5);
    display: block;
    text-align: center;
}
.bow_icon_45 i{
	font-size: 30px;
}

.cont_icon {
	float: left;
    margin-right: 10px;
    color: #288AF7;
    /* background-color: #288AF7; */
    background-color: #fff;
    border: solid 1px #288AF7;
    padding: 0px 0px 0px 2px;
    border-radius: 100px;
    font-size: 10px;
    width:18px;
    height:18px;
}

/*圆形div*/
.bow_div{
	border-radius: 100px;
    box-shadow: 0px 1px 1px rgba(226,226,226,0.5);
    display: block;
    text-align: center;
    background-color: #ED4542;
   /*  border: solid 1px blue; */
    margin: 0 auto;
}
.hei_2{
	height:20px;
    width:20px;
}
.hei_45{
	height:45px;
    width:45px;
    padding: 8px;
}

/*头像*/
.bow_img_35{
	border-radius: 100px;
    box-shadow: 0px 1px 1px rgba(226,226,226,0.5);
    display: inline;
	height:35px;
    width:35px;
    float: left;
}
.bow_img_40{
	/* float: left; 
	text-align: center; 
	border: 1px solid #ddd;    
	border-radius: 23px;
	font-size: 10px;
	color: #808080;
	line-height: 15px; */
	border-radius: 100px;
    box-shadow: 0px 1px 1px rgba(226,226,226,0.5);
    display: inline;
	height:40px;
    width:40px;
}

/*条件筛选*/
.choose_type{
	height: 20px;
	margin-top:0px;
	text-align:center; 
	font-size: 12px;
	cursor: pointer;
}
/*说明tab*/
.shuomin_tab{
	font-size: 12px;
	color: #B3B3B3;
	margin:10px 10px 0px 15px;
}
/*质量指标tab*/
.zhibiao_tab{
	margin:17px 10px 0px 10px;
	background-color: #fff;
	color: #4D4D4D;
}

.zhibiao_col{
	height: 40px;
	margin-top:0px;
	text-align:center;
	font-size: 12px;
	cursor: pointer;
	line-height: 40px;
}
.zhibiao_input{
	height: 40px;
	margin-top:0px;
	text-align:center;
	font-size: 12px;
	cursor: pointer;
}
/*列表标题*/
.liebiao_title{
	font-size: 12px;
	text-align:center; 
	margin-top:0px;
	color: #4D4D4D;
}
/*列表题左*/
.liebiao_title .left{
	border-left:solid 1px #F2F2F2;
}
/*列表标题右*/
.liebiao_title .right{
	border-left:solid 1px #F2F2F2; 
	border-right:solid 1px #F2F2F2;
}
/*列表标题内容*/
.liebiao_body{
	font-size: 12px;
	color: #B3B3B3;
	margin-top: -12px; 
	text-align:center; 
}
/*列表标题内容左*/
.liebiao_body .left{
	border-left:solid 1px #F2F2F2;
}
/*列表标题内容右*/
.liebiao_body .right{
	border-left:solid 1px #F2F2F2; 
	border-right:solid 1px #F2F2F2;
}

/**没有数据 背景样式***/
.no_data_bg{
	background-image:url(../img/beijing.png);/* 背景图垂直、水平均居中 */
	background-position: center center;/* 背景图不平铺 */
	background-repeat: no-repeat;

	/* 让背景图基于容器大小伸缩 */
	/*background-size: cover;/!* 设置背景颜色，背景图加载过程中会显示背景色 *!/*/
}
/**没有数据提示信息样式***/
.no_data_msg{
	position: relative;
	left: 55px;
	top: 25px
}

/*广告*/
.advise{
	height:75px;
	margin-top: 10px;
	margin-bottom:35px;
}
/*按钮*/
/*图标按钮*/

/*底部按钮*/
.btn_bottom{
	font-size: 10px;
}
.btn_bottom div{
	text-align: center; 
	line-height: 20px;
}
.btn_bottom i{
	font-size: 20px;
}
.btn_bottom .btn_dingdan{
	background-color: #288AF7;
}
/*合计*/
/*左侧合计*/
.heji{
	color: #4D4D4D;
	font-size: 15px;
	border: solid 0px red;
}
.heji span{
	color: #CC000B;
	font-size: 18px;
	padding-right: 5px;
}
/*右侧合计*/
.heji_right{
	color: #CC000B;
	font-size: 15px;
	border: solid 0px red;
	float: right;
}
.heji_right span{
	color: #CC000B;
	font-size: 18px;
	padding-right: 5px;
}

.class_user_left{
	display: inline-block;
	text-align: center;
	width: 25%;
	border-style:none;
	padding: 8px;
	white-space:normal;/*去锟斤拷省锟皆猴拷*/
}
.img_hei35 {
	height:35px;
	width:35px;
}
.border_bottom_line{
	border-bottom:1px solid #F2F2F2;
}
.border_left_line{
	border-right:1px solid #F2F2F2;
}
.find_title_margin{
	margin-left: -10px ;
}

.msgBody p{
	text-indent: 20px;
	color: #B3B3B3;
	font-size: 12px;
}



/***********用户注册页面*********************************/

  .col-65{
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 65%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 %65;
      -ms-flex: 0 0 65%;
      flex: 0 0 65%;
    }

  .col-60{
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 60%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 %60;
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
    }

 .col-58{
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 58%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 %58;
      -ms-flex: 0 0 58%;
      flex: 0 0 58%;
    }
      .col-57{
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 57%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 %57;
      -ms-flex: 0 0 57%;
      flex: 0 0 57%;
    }


      .col-55{
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 55%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 %55;
      -ms-flex: 0 0 55%;
      flex: 0 0 55%;
    }
      
      .col-35{
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 35%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 %35;
      -ms-flex: 0 0 35%;
      flex: 0 0 35%;
    }

  .col-30{
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 30%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 %30;
      -ms-flex: 0 0 30%;
      flex: 0 0 30%;
    }
    
    
    
      .col-32{
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 32%;
      -moz-box-flex: 0;
      -moz-flex: 0 0 %32;
      -ms-flex: 0 0 32%;
      flex: 0 0 32%;
    }

.register_padding{
  /**如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。***/
  padding:50px 10px 0 10px;
}
/**登录、注册***/
.label_icon{
	padding: 8px 0px 5px 5px;
	background-color: #e0e0e0;
}
.label_icon i{
	font-size:15px; 
	padding:0 20px 0 2px;
}

.row_height{
	height: 40px;
}

/**我的header 背景样式***/
.my_header_bg{
    background-image:url(../img/top.png);/* 背景图垂直、水平均居中 */
	background-position: center center;/* 背景图不平铺 */
	background-repeat: no-repeat;
	/* 让背景图基于容器大小伸缩 */
	background-size: cover;/* 设置背景颜色，背景图加载过程中会显示背景色 */
}

/**我的 子 sub header 背景样式             botten.png  my_beijing.png***/
.my_sub_header_bg{
    height: 140px;
    background-image:url(../img/botten.png);/* 背景图垂直、水平均居中 */
	background-position: center center;/* 背景图不平铺 */
	background-repeat: no-repeat;
	/* 让背景图基于容器大小伸缩 */
	background-size: cover;/* 设置背景颜色，背景图加载过程中会显示背景色 */
}

/**我的header 2 高度**/
.my_header_bg2{
     height: 183px;
    background-image:url(../img/my_beijing.png);/* 背景图垂直、水平均居中 */
	background-position: center center;/* 背景图不平铺 */
	background-repeat: no-repeat;
	/* 让背景图基于容器大小伸缩 */
	background-size: cover;/* 设置背景颜色，背景图加载过程中会显示背景色 */
}
/**登录页面 logo ***/
.login_logo{
  width: 100%;
}
.login_logo img{
  display:block; 
  margin:0 auto;
    width: 30%;
  height: 30%;
}

/**我的 item **/
.my_item_height{
    margin-top: 131px;
}
/**我的 头像样式 **/
.my_avatar{
	text-align: center;
	margin-top: -40px;
}

.my_avatar img{
	width: 80px;
	height: 80px;
}
.my_avatar p{
	font-size: 13px;
}
.my_avatar_pass{
	position: relative;
	left: 85px;
	top: -60px
}

.list_riqi2{
	color:#B3B3B3;
	font-size: 10px;
}


/*指标行*/
.zhibiao_my{ 
	color:#4D4D4D; 
	float:left; 
	width:100%;
	line-height:23px;
	font-size: 12px;
}
/*指标行*/
.zhibiao_my span{ 
	margin-left: 5px;
}


/*指标行*/
.my_tools_button{ 
	float: right;
	font-size: 12px;
}

/*垂直分隔线*/
.my_left_line{
	height: 20px;
	margin-top: 0px;
	border-left:solid 1px #F2F2F2;
}

.panyuntv_tl{
	height: 30px;
	position: absolute;
	top: 0px;
	left:0px;
	right: 0px;
	background-color: rgba(0,0,0,0.4);
}
.panyuntv_tl span{
	color: #FFFFFF;
	margin-left: 5px;
	line-height: 30px;
}

.panyuntv_cn{
	position: relative;
}
.panyuntv_cn a{
	display: block;
}
.panyuntv_cn a img{
	display: block;
	width: 100%;
	height: auto;
}


/****向朋友推荐分享***********/
.nominate-one{
	 position: relative;
	/* position:absolute;  */
	right: -150px;
	bottom: 230px;
}

.nominate-one img{
	width: 50%;
	height: 50%;
}

.nominate-two{
	  position: relative;  
	/*  position:absolute;  */
	right: -150px;
	bottom: 200px;
}

.nominate-two img{
	width: 50%;
	height: 50%;
}


.nominate-three{
	position: relative;  
	left: 35px;
	bottom: 90px;
}

.nominate-three img{
	width: 30%;
	height: 30%;
}


.nominate-four{
	position: relative;  
	right: -40px;
	bottom: 90px;
}

.nominate-four img{
	width: 30%;
	height: 30%;
}

